<template>
  <div class="custom-nav-box">
    <div class="custom-nav-content">
      <div class="statusbar" :style="{ height: statusBarHeight + 'px' }"></div>
      <div class="wrap">
        <div class="logo-box" @click="goHome">
          <img class="img" src="@/static/svg/logo.svg" mode="widthFix" alt="" />
        </div>
      </div>
    </div>
    <div class="custom-nav-place" :style="{ height: `calc(${statusBarHeight}px + 90rpx)` }"></div>
  </div>
</template>

<script lang="ts" setup>
import { useStore } from 'vuex'

import { ref, computed } from 'vue'
const store = useStore()
const statusBarHeight = computed(() => store.getters['system/statusBarHeight'])

// 返回首页
const goHome = () => {
  uni.reLaunch({
    url: '/pages/index/index'
  })
}
</script>

<style lang="scss">
@import './custom-nav.scss';
</style>
